<p-card class="flex-1 flex"
  styleClass="flex flex-1 flex-column">
  <ng-template pTemplate="header">
    <p-toolbar>
      <div class="p-toolbar-group-start">
        <button pButton
          icon="pi {{leftSidebarButtonIcon}}"
          class="mr-2 p-button-sm"
          (click)="onToggleLeftSidebar()"></button>
        <button pButton
          icon="pi pi-print"
          class="mr-2 p-button-sm"></button>
        <button pButton
          class="mr-2 p-button-sm"
          icon="pi pi-pencil"
          title="编辑"
          [routerLink]="['/scenarios', 'design', scenario?.Id]"
          routerLinkActive="router-link-active"></button>
        <button pButton
          class="mr-2 p-button-sm"
          (click)="onLoadClick()">
          Load
        </button>
        <button pButton
          (click)="onStartClick()"
          class="mr-2 p-button-sm p-button-danger">
          启动
        </button>
      </div>
      <div class="p-toolbar-group-center">
        <!-- <span class="p-input-icon-left">
          <i class="pi pi-search"></i>
          <input pInputText
            class="p-inputtext-sm"
            placeholder="Search" />
        </span> -->
      </div>
      <div class="p-toolbar-group-end">
        <!-- <button pButton
          icon="pi pi-cog"
          class="mr-2 p-button-sm"
          (click)="onShowConfig()"></button> -->
      </div>
    </p-toolbar>
  </ng-template>
  <!-- <ng-template pTemplate="content">

  </ng-template> -->
  <div class="flex-1"
    class="graph-container"
    #graphContainer></div>

</p-card>


<app-plc-sidebar #plcSidebar></app-plc-sidebar>

<app-pipline-sidebar #piplineSidebar
  (onHide)="onSidebarHide()"></app-pipline-sidebar>
<app-site-sidebar #siteSidebar
  (onHide)="onSidebarHide()"></app-site-sidebar>
<app-srm-sidebar #srmSidebar
  (onHide)="onSidebarHide()"></app-srm-sidebar>

<app-scenario-task #scenarioTask></app-scenario-task>

<p-toast></p-toast>